<template>
	<div class="cs-empty">
		<div class="icon">
			<img src="../../../assets/images/empty@2x.png" width="150" height="133" />
		</div>
		<div class="text">{{ text }}</div>
	</div>
</template>

<script>
	export default {
		name: "empty",
		props: {
			text: {
				type: String,
				default: '暂无数据'
			},
		},
	}
</script>

<style lang="scss" scoped>
.cs-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	.icon {
		width: 150px;
		height: 133px;
		image {
			width: 100%;
			height: 100%;
		}
	}
	.text {
		margin-top: 5px;
		color: #666;
		font-size: 15px;
	}
}
</style>